<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Vue DevUI</title>
    <meta name="description" content="Vue DevUI 组件库">
    <link rel="stylesheet" href="/assets/style.b884dd64.css">
    <link rel="modulepreload" href="/assets/Home.e734a50d.js">
    <link rel="modulepreload" href="/assets/AlgoliaSearchBox.e66f60b3.js">
    <link rel="modulepreload" href="/assets/app.43ba01c1.js">
    <link rel="modulepreload" href="/assets/components_overview_index.md.4f4893a2.lean.js">
    <link rel="modulepreload" href="/assets/app.43ba01c1.js">
    <link rel="icon" type="image/svg+xml" href="/assets/logo.svg">
    <meta name="twitter:title" content="Vue DevUI">
    <meta property="og:title" content="Vue DevUI">
  </head>
  <body>
    <div id="app"><!--[--><div class="theme"><header class="nav-bar" data-v-4bb0db66><div class="nav-bar-inner" data-v-4bb0db66><div class="sidebar-button" data-v-4bb0db66><svg class="icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z" class></path></svg></div><a class="nav-bar-title" aria-label="Vue DevUI, back to home" data-v-4bb0db66 data-v-4d0f7fcc><img class="logo" src="/../../assets/logo.svg" alt="Logo" data-v-4d0f7fcc><span data-v-4d0f7fcc>Vue DevUI</span></a><!--[--><!--[--><div id="docsearch" multilang="false"></div><!--]--><!--]--><div class="flex-grow" data-v-4bb0db66></div><div class="flex items-center" data-v-4bb0db66><div class="nav" data-v-4bb0db66><nav class="nav-links" data-v-4bb0db66 data-v-5b7b1e24><!--[--><!-- <div v-for="item in theme.nav" :key="item.text" class="item"> --><!--[--><div class="item" data-v-5b7b1e24><div class="nav-link" data-v-5b7b1e24 data-v-53d6b5a1><a class="item" href="/quick-start/" data-v-53d6b5a1>组件 <!----></a></div></div><div class="item" data-v-5b7b1e24><div class="nav-link" data-v-5b7b1e24 data-v-53d6b5a1><a class="item" href="/contributing/" data-v-53d6b5a1>贡献指南 <!----></a></div></div><div class="item" data-v-5b7b1e24><div class="nav-link" data-v-5b7b1e24 data-v-53d6b5a1><a class="item isExternal" href="https://devcloudfe.github.io/devui-playground" target="_blank" rel="noopener noreferrer" data-v-53d6b5a1>Playground <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-53d6b5a1><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div><div class="item" data-v-5b7b1e24><div class="nav-link" data-v-5b7b1e24 data-v-53d6b5a1><a class="item isExternal" href="https://github.com/DevCloudFE/vue-devui/releases/tag/v1.5.1" target="_blank" rel="noopener noreferrer" data-v-53d6b5a1>1.5.1 <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-53d6b5a1><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div><div class="item" data-v-5b7b1e24><div class="nav-dropdown-link" data-v-5b7b1e24 data-v-40cec4b2><button class="button" data-v-40cec4b2><span class="button-text" data-v-40cec4b2>文档</span><span class="right button-arrow" data-v-40cec4b2></span></button><ul class="dialog" data-v-40cec4b2><!--[--><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://github.com/DevCloudFE/vue-devui/releases" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>更新日志</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://devui.design/design-cn/start" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>设计规范</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><!--]--></ul></div></div><div class="item" data-v-5b7b1e24><div class="nav-dropdown-link" data-v-5b7b1e24 data-v-40cec4b2><button class="button" data-v-40cec4b2><span class="button-text" data-v-40cec4b2>生态</span><span class="right button-arrow" data-v-40cec4b2></span></button><ul class="dialog" data-v-40cec4b2><!--[--><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://devui.design/" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>Ng DevUI</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://devui.design/admin-page/home" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>Ng DevUI Admin</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://react-devui.surge.sh/" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>React DevUI</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://github.com/DevCloudFE/DevUIHelper" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>DevUI Helper</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://github.com/DevCloudFE/devui-playground" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>DevUI Playground</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://devui.design/icon/ruleResource" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>图标库</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><!--]--></ul></div></div><!--]--><!--]--><!----><!----></nav></div><div class="custom-nav flex items-center ml-l" data-v-4bb0db66><!----><!----><div class="custom-nav-item flex items-center ml-m" data-v-4bb0db66><!--[--><span class="devui-popper-trigger"><svg class="icon-theme" viewbox="0 0 1024 1024" width="16" height="16" data-v-6fec2a10><path fill="var(--devui-text)" d="M512 96C229.696 96 0 325.696 0 608c0 90.368 30.304 174.496 85.344 236.896 55.264 62.624 129.152 97.12 208.128 97.12 81.568 0 161.536-36.832 231.264-106.592l2.272-2.496c65.792-81.472 132.896-121.056 205.088-121.056 46.72 0 89.216 15.872 126.688 29.92 30.336 11.328 56.576 21.12 81.216 21.12C1024 762.912 1024 654.336 1024 608c0-282.304-229.696-512-512-512z m428 602.912c-13.088 0-35.296-8.288-58.784-17.088-40.48-15.136-90.848-33.952-149.12-33.952-92.352 0-175.328 46.944-253.76 143.456-57.184 56.704-121.056 86.688-184.832 86.688-60.352 0-117.216-26.784-160.128-75.456C88.64 751.872 64 682.784 64 608 64 360.96 264.96 160 512 160s448 200.96 448 448c0 27.328-1.952 90.912-20 90.912z m-203.296-182.848a64 64 0 1 0 128 0 64 64 0 1 0-128 0z m-343.68-202.688a64 64 0 1 0 128 0 64 64 0 1 0-128 0z m215.68 26.688a64 64 0 1 0 128 0 64 64 0 1 0-128 0z m-381.312 112a64 64 0 1 0 128 0 64 64 0 1 0-128 0zM182.4 698.752a96 96 0 1 0 192 0 96 96 0 1 0-192 0z" data-v-6fec2a10></path></svg></span><!--teleport start--><!--teleport end--><!--]--></div><a class="custom-nav-item ml-m" style="font-size:0;user-select:none;" href="https://github.com/DevCloudFE/vue-devui" target="_blank" data-v-4bb0db66><svg viewBox="0 0 20 20" width="18" height="18" data-v-4bb0db66><path fill="var(--devui-text, #252b3a)" d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" data-v-4bb0db66></path></svg></a></div></div></div></header><aside class="sidebar" data-v-06a2164a><nav class="nav-links nav" data-v-06a2164a data-v-5b7b1e24><!--[--><!-- <div v-for="item in theme.nav" :key="item.text" class="item"> --><!--[--><div class="item" data-v-5b7b1e24><div class="nav-link" data-v-5b7b1e24 data-v-53d6b5a1><a class="item" href="/quick-start/" data-v-53d6b5a1>组件 <!----></a></div></div><div class="item" data-v-5b7b1e24><div class="nav-link" data-v-5b7b1e24 data-v-53d6b5a1><a class="item" href="/contributing/" data-v-53d6b5a1>贡献指南 <!----></a></div></div><div class="item" data-v-5b7b1e24><div class="nav-link" data-v-5b7b1e24 data-v-53d6b5a1><a class="item isExternal" href="https://devcloudfe.github.io/devui-playground" target="_blank" rel="noopener noreferrer" data-v-53d6b5a1>Playground <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-53d6b5a1><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div><div class="item" data-v-5b7b1e24><div class="nav-link" data-v-5b7b1e24 data-v-53d6b5a1><a class="item isExternal" href="https://github.com/DevCloudFE/vue-devui/releases/tag/v1.5.1" target="_blank" rel="noopener noreferrer" data-v-53d6b5a1>1.5.1 <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-53d6b5a1><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div></div><div class="item" data-v-5b7b1e24><div class="nav-dropdown-link" data-v-5b7b1e24 data-v-40cec4b2><button class="button" data-v-40cec4b2><span class="button-text" data-v-40cec4b2>文档</span><span class="right button-arrow" data-v-40cec4b2></span></button><ul class="dialog" data-v-40cec4b2><!--[--><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://github.com/DevCloudFE/vue-devui/releases" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>更新日志</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://devui.design/design-cn/start" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>设计规范</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><!--]--></ul></div></div><div class="item" data-v-5b7b1e24><div class="nav-dropdown-link" data-v-5b7b1e24 data-v-40cec4b2><button class="button" data-v-40cec4b2><span class="button-text" data-v-40cec4b2>生态</span><span class="right button-arrow" data-v-40cec4b2></span></button><ul class="dialog" data-v-40cec4b2><!--[--><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://devui.design/" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>Ng DevUI</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://devui.design/admin-page/home" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>Ng DevUI Admin</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://react-devui.surge.sh/" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>React DevUI</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://github.com/DevCloudFE/DevUIHelper" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>DevUI Helper</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://github.com/DevCloudFE/devui-playground" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>DevUI Playground</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><li class="dialog-item" data-v-40cec4b2><div class="nav-dropdown-link-item" data-v-40cec4b2 data-v-2a283218><a class="item isExternal" href="https://devui.design/icon/ruleResource" target="_blank" rel="noopener noreferrer" data-v-2a283218><span class="arrow" data-v-2a283218></span><span class="text" data-v-2a283218>图标库</span><span class="icon" data-v-2a283218><svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewbox="0 0 100 100" width="15" height="15" data-v-2a283218><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></span></a></div></li><!--]--></ul></div></div><!--]--><!--]--><!----><!----></nav><!--[--><!--]--><ul class="sidebar-links" data-v-06a2164a><!--[--><li class="sidebar-link"><a class="sidebar-link-item" href="/quick-start/"><!----><span class="sidebar-link-text">快速开始<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/on-demand/"><!----><span class="sidebar-link-text">按需引入<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/theme-guide/"><!----><span class="sidebar-link-text">主题定制<!----></span></a><!----></li><li class="sidebar-link"><p class="sidebar-link-item"><!----><span class="sidebar-link-text">通用<!----></span></p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/components/button/"><!----><span class="sidebar-link-text">Button 按钮<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/fullscreen/"><!----><span class="sidebar-link-text">Fullscreen 全屏<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/icon/"><!----><span class="sidebar-link-text">Icon 图标<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/overlay/"><!----><span class="sidebar-link-text">Overlay 遮罩层<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/panel/"><!----><span class="sidebar-link-text">Panel 面板<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/ripple/"><!----><span class="sidebar-link-text">Ripple 水波纹<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/search/"><!----><span class="sidebar-link-text">Search 搜索框<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/status/"><!----><span class="sidebar-link-text">Status 状态<!----></span></a><!----></li><!----><!----></ul></li><li class="sidebar-link"><p class="sidebar-link-item"><!----><span class="sidebar-link-text">导航<!----></span></p><ul class="sidebar-links"><!----><!----><!----><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/dropdown/"><!----><span class="sidebar-link-text">Dropdown 下拉菜单<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/menu/"><!----><span class="sidebar-link-text">Menu 菜单<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/pagination/"><!----><span class="sidebar-link-text">Pagination 分页<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/tabs/"><!----><span class="sidebar-link-text">Tabs 选项卡<!----></span></a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item"><!----><span class="sidebar-link-text">反馈<!----></span></p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/components/alert/"><!----><span class="sidebar-link-text">Alert 警告<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/drawer/"><!----><span class="sidebar-link-text">Drawer 抽屉板<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/loading/"><!----><span class="sidebar-link-text">Loading 加载提示<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/message/"><!----><span class="sidebar-link-text">Message 全局提示<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/modal/"><!----><span class="sidebar-link-text">Modal 弹窗<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/notification/"><!----><span class="sidebar-link-text">Notification 全局通知<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/popover/"><!----><span class="sidebar-link-text">Popover 悬浮提示<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/result/"><!----><span class="sidebar-link-text">Result 结果<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/tooltip/"><!----><span class="sidebar-link-text">Tooltip 提示<!----></span></a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item"><!----><span class="sidebar-link-text">数据录入<!----></span></p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/components/auto-complete/"><!----><span class="sidebar-link-text">AutoComplete 自动补全<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/checkbox/"><!----><span class="sidebar-link-text">Checkbox 复选框<!----></span></a><!----></li><!----><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/date-picker-pro/"><!----><span class="sidebar-link-text">DatePickerPro 日期选择器<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/editable-select/"><!----><span class="sidebar-link-text">EditableSelect 可输入下拉选择框<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/form/"><!----><span class="sidebar-link-text">Form 表单<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/input/"><!----><span class="sidebar-link-text">Input 输入框<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/input-number/"><!----><span class="sidebar-link-text">InputNumber 数字输入框<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/mention/"><!----><span class="sidebar-link-text">Mention 提及<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/radio/"><!----><span class="sidebar-link-text">Radio 单选框<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/select/"><!----><span class="sidebar-link-text">Select 下拉框<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/slider/"><!----><span class="sidebar-link-text">Slider 滑块<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/switch/"><!----><span class="sidebar-link-text">Switch 开关<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/textarea/"><!----><span class="sidebar-link-text">Textarea 多行文本框<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/time-picker/"><!----><span class="sidebar-link-text">TimePicker 时间选择器<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/time-select/"><!----><span class="sidebar-link-text">TimeSelect 时间选择器<!----></span></a><!----></li><!----><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/upload/"><!----><span class="sidebar-link-text">Upload 上传<!----></span></a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item"><!----><span class="sidebar-link-text">数据展示<!----></span></p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/components/avatar/"><!----><span class="sidebar-link-text">Avatar 头像<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/badge/"><!----><span class="sidebar-link-text">Badge 徽标<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/card/"><!----><span class="sidebar-link-text">Card 卡片<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/collapse/"><!----><span class="sidebar-link-text">Collapse 折叠面板<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/countdown/"><!----><span class="sidebar-link-text">Countdown 倒计时<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/image-preview/"><!----><span class="sidebar-link-text">ImagePreview 图片预览<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/progress/"><!----><span class="sidebar-link-text">Progress 进度条<!----></span></a><!----></li><!----><li class="sidebar-link"><a class="sidebar-link-item" href="/components/rate/"><!----><span class="sidebar-link-text">Rate 评分<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/skeleton/"><!----><span class="sidebar-link-text">Skeleton 骨架屏<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/statistic/"><!----><span class="sidebar-link-text">Statistic 统计数值<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/steps/"><!----><span class="sidebar-link-text">Steps 步骤条<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/table/"><!----><span class="sidebar-link-text">Table 表格<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/tag/"><!----><span class="sidebar-link-text">Tag 标签<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/timeline/"><!----><span class="sidebar-link-text">Timeline 时间轴<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/tree/"><!----><span class="sidebar-link-text">Tree 树<!----></span></a><!----></li></ul></li><li class="sidebar-link"><p class="sidebar-link-item"><!----><span class="sidebar-link-text">布局<!----></span></p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="/components/grid/"><!----><span class="sidebar-link-text">Grid 栅格<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/layout/"><!----><span class="sidebar-link-text">Layout 布局<!----></span></a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/components/splitter/"><!----><span class="sidebar-link-text">Splitter 分割器<!----></span></a><!----></li></ul></li><!--]--></ul><!--[--><!--]--></aside><!-- TODO: make this button accessible --><div class="sidebar-mask"></div><main class="page" data-v-35e0cb6b><div class="container" data-v-35e0cb6b><!--[--><!--]--><div style="position:relative;" class="content" data-v-35e0cb6b><div><h1 class="flex-center"> 组件功能概览 <span class="component-count" title="79 components">79</span><span class="component-count" title="373 features">373</span></h1><p>Vue DevUI 组件库包含 77 个灵活、易用、功能强大的组件。</p><ul><li>✅ 已完成</li><li>🚧 开发中</li><li>⌛ 待认领</li></ul><!--[--><div><h2 class="flex-center">General 通用 <span class="component-count">11</span></h2><!--[--><div><h3 class="flex-center">Button 按钮 <span class="component-count mr-xs">7</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/button/#形态">Variant 形态</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/button/#主题色">Color 主题色</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/button/#尺寸">Size 尺寸</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/button/#禁用状态">Disabled 禁用状态</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/button/#加载中状态">Loading 加载中状态</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/button/#图标按钮">Icon 图标按钮</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/button/#按钮组">Button Group 按钮组</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Dragdrop 拖拽 <span class="component-count mr-xs">11</span><span class="mr-xs">⭐</span><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/dragdrop/#基础拖拽">Basic 基础拖拽</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/dragdrop/#拖拽排序">Sort 拖拽排序</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dragdrop/#多层树状拖拽">Tree 多层树状拖拽</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dragdrop/#拖拽实体元素跟随"> 拖拽实体元素跟随</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dragdrop/#越边交换"> 越边交换</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dragdrop/#外部放置位置"> 外部放置位置</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dragdrop/#拖拽滚动容器增强"> 拖拽滚动容器增强</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dragdrop/#源占位符"> 源占位符</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dragdrop/#批量拖拽"> 批量拖拽</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dragdrop/#二维拖拽"> 二维拖拽</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dragdrop/#拖拽预览"> 拖拽预览</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Fullscreen 全屏 <span class="component-count mr-xs">2</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/fullscreen/#全屏模式">Mode 全屏模式</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/fullscreen/#全屏层级">Z Index 全屏层级</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Icon 图标 <span class="component-count mr-xs">4</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/icon/#图标名称">Name 图标名称</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/icon/#颜色">Color 颜色</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/icon/#尺寸">Size 尺寸</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/icon/#自定义字体图标">Class Prefix 自定义字体图标</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Overlay 遮罩层 <span class="component-count mr-xs">2</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/overlay/#固定遮罩层">Fixed Overlay 固定遮罩层</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/overlay/#弹性遮罩层">Flexible Overlay 弹性遮罩层</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Panel 面板 <span class="component-count mr-xs">6</span><!----><span class="version-tag-1 mr-xs">v1.0</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="16"><title>Deprecated</title><path fill="#d30038" d="M38.75 78.13V36.88A1.85 1.85 0 0036.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0033.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0051.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0048.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0066.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0063.13 80h3.75a1.85 1.85 0 001.87-1.87zM36.88 20h26.25l-2.82-6.85a2.35 2.35 0 00-1-.65H40.74a2 2 0 00-1 .65zm54.37 1.88v3.75a1.85 1.85 0 01-1.87 1.87h-5.63v55.55c0 6.44-4.22 12-9.37 12H25.63c-5.16 0-9.38-5.27-9.38-11.72V27.5h-5.62a1.85 1.85 0 01-1.88-1.83v-3.8A1.85 1.85 0 0110.63 20h18.1l4.1-9.78A9.12 9.12 0 0140.63 5h18.75a9.1 9.1 0 017.79 5.22l4.1 9.78h18.11a1.85 1.85 0 011.87 1.87z"></path></svg></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/panel/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/panel/#默认状态"> 默认状态</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/panel/#面板类型"> 面板类型</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/panel/#面板样式"> 面板样式</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/panel/#阻止折叠"> 阻止折叠</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/panel/#自定义内容"> 自定义内容</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Ripple 水波纹 <span class="component-count mr-xs">2</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/ripple/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/ripple/#自定义颜色"> 自定义颜色</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Search 搜索 <span class="component-count mr-xs">5</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/search/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/search/#搜索图标左置"> 搜索图标左置</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/search/#无边框"> 无边框</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/search/#双向绑定"> 双向绑定</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/search/#自动聚焦"> 自动聚焦</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Status 状态 <span class="component-count mr-xs">1</span><!----><span class="version-tag-1 mr-xs">v1.0</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="16"><title>Deprecated</title><path fill="#d30038" d="M38.75 78.13V36.88A1.85 1.85 0 0036.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0033.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0051.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0048.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0066.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0063.13 80h3.75a1.85 1.85 0 001.87-1.87zM36.88 20h26.25l-2.82-6.85a2.35 2.35 0 00-1-.65H40.74a2 2 0 00-1 .65zm54.37 1.88v3.75a1.85 1.85 0 01-1.87 1.87h-5.63v55.55c0 6.44-4.22 12-9.37 12H25.63c-5.16 0-9.38-5.27-9.38-11.72V27.5h-5.62a1.85 1.85 0 01-1.88-1.83v-3.8A1.85 1.85 0 0110.63 20h18.1l4.1-9.78A9.12 9.12 0 0140.63 5h18.75a9.1 9.1 0 017.79 5.22l4.1 9.78h18.11a1.85 1.85 0 011.87 1.87z"></path></svg></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/status/#类型"> 类型</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Sticky 便贴 <span class="component-count mr-xs">2</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/sticky/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/sticky/#滚动容器"> 滚动容器</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Virtual List 虚拟列表 <span class="component-count mr-xs">1</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/virtual-list/#基本功能"> 基本功能</a><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--></div><div><h2 class="flex-center">Navigation 导航 <span class="component-count">10</span></h2><!--[--><div><h3 class="flex-center">Accordion 手风琴 <span class="component-count mr-xs">5</span><!----><span class="version-tag-2 mr-xs">v2.0</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="16"><title>Deprecated</title><path fill="#d30038" d="M38.75 78.13V36.88A1.85 1.85 0 0036.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0033.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0051.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0048.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0066.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0063.13 80h3.75a1.85 1.85 0 001.87-1.87zM36.88 20h26.25l-2.82-6.85a2.35 2.35 0 00-1-.65H40.74a2 2 0 00-1 .65zm54.37 1.88v3.75a1.85 1.85 0 01-1.87 1.87h-5.63v55.55c0 6.44-4.22 12-9.37 12H25.63c-5.16 0-9.38-5.27-9.38-11.72V27.5h-5.62a1.85 1.85 0 01-1.88-1.83v-3.8A1.85 1.85 0 0110.63 20h18.1l4.1-9.78A9.12 9.12 0 0140.63 5h18.75a9.1 9.1 0 017.79 5.22l4.1 9.78h18.11a1.85 1.85 0 011.87 1.87z"></path></svg></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/accordion/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/accordion/#内置路由和链接类型"> 内置路由和链接类型</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/accordion/#使用模板"> 使用模板</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/accordion/#复合层级"> 复合层级</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/accordion/#改变键值"> 改变键值</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Anchor 锚点 <span class="component-count mr-xs">4</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/anchor/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/anchor/#异步加载"> 异步加载</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/anchor/#滚动容器"> 滚动容器</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/anchor/#url锚点"> url锚点</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Back Top 回到顶部 <span class="component-count mr-xs">3</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/back-top/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/back-top/#自定义"> 自定义</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/back-top/#滚动容器"> 滚动容器</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Breadcrumb 面包屑 <span class="component-count mr-xs">4</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/breadcrumb/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/breadcrumb/#传入source"> 传入source</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/breadcrumb/#可下拉"> 可下拉</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/breadcrumb/#自定义分隔符"> 自定义分隔符</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Dropdown 下拉菜单 <span class="component-count mr-xs">12</span><span class="mr-xs">⭐</span><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/dropdown/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/dropdown/#触发方式"> 触发方式</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/dropdown/#可关闭区域"> 可关闭区域</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/dropdown/#多级菜单"> 多级菜单</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/dropdown/#单独使用"> 单独使用</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dropdown/#关闭触发点设置"> 关闭触发点设置</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dropdown/#悬浮下拉"> 悬浮下拉</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dropdown/#手动控制下拉"> 手动控制下拉</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dropdown/#通过isOpen控制下拉"> 通过isOpen控制下拉</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dropdown/#自动展开和自动聚焦"> 自动展开和自动聚焦</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dropdown/#设置展开位置处理"> 设置展开位置处理</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dropdown/#支持添加图标"> 支持添加图标</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Menu 菜单 <span class="component-count mr-xs">8</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/menu/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/menu/#自定义图标"> 自定义图标</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/menu/#垂直菜单"> 垂直菜单</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/menu/#默认展开"> 默认展开</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/menu/#仅一项展开"> 仅一项展开</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/menu/#收缩菜单"> 收缩菜单</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/menu/#取消多选"> 取消多选</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/menu/#响应式参数"> 响应式参数</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Nav Sprite 精灵导航 <span class="component-count mr-xs">2</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/nav-sprite/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/nav-sprite/#指定容器"> 指定容器</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Pagination 分页 <span class="component-count mr-xs">4</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/pagination/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/pagination/#极简模式"> 极简模式</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/pagination/#多种配置"> 多种配置</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/pagination/#特殊情况"> 特殊情况</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Steps Guide 操作指引 <span class="component-count mr-xs">3</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/steps-guide/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/steps-guide/#弹出位置"> 弹出位置</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/steps-guide/#自定义"> 自定义</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Tabs 选项卡 <span class="component-count mr-xs">7</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tabs/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tabs/#类型"> 类型</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tabs/#禁用状态"> 禁用状态</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tabs/#自定义模板"> 自定义模板</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tabs/#拦截tab切换"> 拦截tab切换</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tabs/#添加/删除"> 添加/删除</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tabs/#标签位置的设置"> 标签位置的设置</a><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--></div><div><h2 class="flex-center">Feedback 反馈 <span class="component-count">11</span></h2><!--[--><div><h3 class="flex-center">Alert 警告 <span class="component-count mr-xs">3</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/alert/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/alert/#可关闭"> 可关闭</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/alert/#不显示图标"> 不显示图标</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Drawer 抽屉板 <span class="component-count mr-xs">3</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/Drawer/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/Drawer/#关闭后不销毁"> 关闭后不销毁</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/Drawer/#自定义模板"> 自定义模板</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Loading 加载中 <span class="component-count mr-xs">6</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/loading/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/loading/#自定义样式"> 自定义样式</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/loading/#多promise"> 多promise</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/loading/#使用Subscription方式"> 使用Subscription方式</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/loading/#使用showLoading控制"> 使用showLoading控制</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/loading/#服务方式调用"> 服务方式调用</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Mention 提及 <span class="component-count mr-xs">4</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/mention/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/mention/#异步用法"> 异步用法</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/mention/#自定义前缀"> 自定义前缀</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/mention/#自定义模板"> 自定义模板</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Modal 弹窗 <span class="component-count mr-xs">9</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/modal/#标准对话框"> 标准对话框</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/modal/#自定义对话框"> 自定义对话框</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/modal/#拦截对话框关闭"> 拦截对话框关闭</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/modal/#信息提示"> 信息提示</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/modal/#警告弹出框"> 警告弹出框</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/modal/#弹出框按钮状态"> 弹出框按钮状态</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/modal/#自动聚焦"> 自动聚焦</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/modal/#自定义内容模板"> 自定义内容模板</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/modal/#避免滚动和抖动"> 避免滚动和抖动</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Notification 全局通知 <span class="component-count mr-xs">5</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/notification/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/notification/#超时时间"> 超时时间</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/notification/#自定义样式"> 自定义样式</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/notification/#单独超时时间"> 单独超时时间</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/notification/#服务方式调用"> 服务方式调用</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Popover 悬浮提示 <span class="component-count mr-xs">6</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/popover/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/popover/#弹出位置"> 弹出位置</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/popover/#手动控制"> 手动控制</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/popover/#自定义提示内容"> 自定义提示内容</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/popover/#父容器设置"> 父容器设置</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/popover/#延时触发"> 延时触发</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Read Tip 阅读提示 <span class="component-count mr-xs">4</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/read-tip /#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/read-tip /#多提示"> 多提示</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/read-tip /#自定义模板"> 自定义模板</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/read-tip /#异步获取数据"> 异步获取数据</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Result 结果 <span class="component-count mr-xs">2</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/result/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/result/#自定义"> 自定义</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Message 全局提示 <span class="component-count mr-xs">6</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/message/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/message/#可关闭消息提示"> 可关闭消息提示</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/message/#超时时间"> 超时时间</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/message/#阴影和边框设置"> 阴影和边框设置</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/message/#关闭回调"> 关闭回调</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/message/#多种用法"> 多种用法</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Tooltip 提示 <span class="component-count mr-xs">2</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tooltip/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tooltip/#延时触发"> 延时触发</a><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--></div><div><h2 class="flex-center">Data Entry 数据录入 <span class="component-count">24</span></h2><!--[--><div><h3 class="flex-center">Auto Complete 自动补全 <span class="component-count mr-xs">6</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/auto-complete/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/auto-complete/#自定义数据匹配方法"> 自定义数据匹配方法</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/auto-complete/#自定义模板"> 自定义模板</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/auto-complete/#禁用状态"> 禁用状态</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/auto-complete/#最近输入"> 最近输入</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/auto-complete/#懒加载"> 懒加载</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Cascader 级联菜单 <span class="component-count mr-xs">7</span><span class="mr-xs">⭐</span><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/cascader/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/cascader/#多选类型"> 多选类型</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/cascader/#搜索类型"> 搜索类型</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/cascader/#父级可选"> 父级可选</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/cascader/#模板类型"> 模板类型</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/cascader/#点击加载"> 点击加载</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/cascader/#下拉头模板"> 下拉头模板</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Category Search 分类搜索 <span class="component-count mr-xs">2</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/category-search/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/category-search/#大数据优化展示"> 大数据优化展示</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Checkbox 复选框 <span class="component-count mr-xs">4</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/checkbox /#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/checkbox /#复选框组"> 复选框组</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/checkbox /#拦截状态切换"> 拦截状态切换</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/checkbox /#拦截复选框组的状态切换"> 拦截复选框组的状态切换</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Color Picker 颜色选择器 <span class="component-count mr-xs">5</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/color-picker/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/color-picker/#颜色透明度"> 颜色透明度</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/color-picker/#颜色模式"> 颜色模式</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/color-picker/#历史颜色"> 历史颜色</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/color-picker/#自定义基础面板"> 自定义基础面板</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Date Picker 日期选择器 <span class="component-count mr-xs">5</span><span class="mr-xs">⭐</span><span class="version-tag-2 mr-xs">v2.0</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="16"><title>Deprecated</title><path fill="#d30038" d="M38.75 78.13V36.88A1.85 1.85 0 0036.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0033.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0051.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0048.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0066.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0063.13 80h3.75a1.85 1.85 0 001.87-1.87zM36.88 20h26.25l-2.82-6.85a2.35 2.35 0 00-1-.65H40.74a2 2 0 00-1 .65zm54.37 1.88v3.75a1.85 1.85 0 01-1.87 1.87h-5.63v55.55c0 6.44-4.22 12-9.37 12H25.63c-5.16 0-9.38-5.27-9.38-11.72V27.5h-5.62a1.85 1.85 0 01-1.88-1.83v-3.8A1.85 1.85 0 0110.63 20h18.1l4.1-9.78A9.12 9.12 0 0140.63 5h18.75a9.1 9.1 0 017.79 5.22l4.1 9.78h18.11a1.85 1.85 0 011.87 1.87z"></path></svg></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/date-picker/#自动关闭"> 自动关闭</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/date-picker/#日期范围选择器"> 日期范围选择器</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/date-picker/#日期格式"> 日期格式</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/date-picker/#日期范围分隔符"> 日期范围分隔符</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/date-picker/#自定义"> 自定义</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Date Picker Pro 日期选择器 <span class="component-count mr-xs">8</span><span class="mr-xs">⭐</span><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/date-picker-pro/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/date-picker-pro/#显示时间"> 显示时间</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/date-picker-pro/#自定义扩展区域"> 自定义扩展区域</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/date-picker-pro/#年月选择器"> 年月选择器</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/date-picker-pro/#范围选择器"> 范围选择器</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/date-picker-pro/#自定义范围选择器模板"> 自定义范围选择器模板</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/date-picker-pro/#自定义宿主"> 自定义宿主</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/date-picker-pro/#日历面板模式"> 日历面板模式</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Editable Select 可输入下拉选择框 <span class="component-count mr-xs">5</span><!----><span class="version-tag-1 mr-xs">v1.0</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="16"><title>Deprecated</title><path fill="#d30038" d="M38.75 78.13V36.88A1.85 1.85 0 0036.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0033.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0051.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0048.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0066.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0063.13 80h3.75a1.85 1.85 0 001.87-1.87zM36.88 20h26.25l-2.82-6.85a2.35 2.35 0 00-1-.65H40.74a2 2 0 00-1 .65zm54.37 1.88v3.75a1.85 1.85 0 01-1.87 1.87h-5.63v55.55c0 6.44-4.22 12-9.37 12H25.63c-5.16 0-9.38-5.27-9.38-11.72V27.5h-5.62a1.85 1.85 0 01-1.88-1.83v-3.8A1.85 1.85 0 0110.63 20h18.1l4.1-9.78A9.12 9.12 0 0140.63 5h18.75a9.1 9.1 0 017.79 5.22l4.1 9.78h18.11a1.85 1.85 0 011.87 1.87z"></path></svg></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/editable-select/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/editable-select/#禁用状态"> 禁用状态</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/editable-select/#自定义匹配方法"> 自定义匹配方法</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/editable-select/#异步数据"> 异步数据</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/editable-select/#懒加载"> 懒加载</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Form 表单 <span class="component-count mr-xs">10</span><span class="mr-xs">⭐</span><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/form/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/form/#label横向排列"> label横向排列</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/form/#弹窗表单"> 弹窗表单</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/form/#多列表单"> 多列表单</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/form/#模板驱动表单验证"> 模板驱动表单验证</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/form/#响应式表单验证"> 响应式表单验证</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/form/#指定表单状态"> 指定表单状态</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/form/#表单协同验证"> 表单协同验证</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/form/#跨组件表单验证"> 跨组件表单验证</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/form/#更新验证规则"> 更新验证规则</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Input 输入框 <span class="component-count mr-xs">3</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/input/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/input/#尺寸"> 尺寸</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/input/#密码框"> 密码框</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Input Icon 图标输入框 <span class="component-count mr-xs">3</span><!----><span class="version-tag-2 mr-xs">v2.0</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="16"><title>Deprecated</title><path fill="#d30038" d="M38.75 78.13V36.88A1.85 1.85 0 0036.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0033.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0051.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0048.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0066.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0063.13 80h3.75a1.85 1.85 0 001.87-1.87zM36.88 20h26.25l-2.82-6.85a2.35 2.35 0 00-1-.65H40.74a2 2 0 00-1 .65zm54.37 1.88v3.75a1.85 1.85 0 01-1.87 1.87h-5.63v55.55c0 6.44-4.22 12-9.37 12H25.63c-5.16 0-9.38-5.27-9.38-11.72V27.5h-5.62a1.85 1.85 0 01-1.88-1.83v-3.8A1.85 1.85 0 0110.63 20h18.1l4.1-9.78A9.12 9.12 0 0140.63 5h18.75a9.1 9.1 0 017.79 5.22l4.1 9.78h18.11a1.85 1.85 0 011.87 1.87z"></path></svg></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/input-icon/#图标名称"> 图标名称</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/input-icon/#颜色"> 颜色</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/input-icon/#自定义"> 自定义</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Input Number 数字输入框 <span class="component-count mr-xs">6</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/input-number/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/input-number/#禁用状态"> 禁用状态</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/input-number/#允许空值"> 允许空值</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/input-number/#设置最大长度"> 设置最大长度</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/input-number/#正则限制"> 正则限制</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/input-number/#限制小数"> 限制小数</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Multi Auto Complete 多项自动补全 <span class="component-count mr-xs">3</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/multi-auto-complete/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/multi-auto-complete/#自定义匹配方法"> 自定义匹配方法</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/multi-auto-complete/#允许空值"> 允许空值</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Radio 单选框 <span class="component-count mr-xs">6</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/radio/#相互独立的单选项"> 相互独立的单选项</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/radio/#条件切换"> 条件切换</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/radio/#单选框组条件切换"> 单选框组条件切换</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/radio/#禁用状态"> 禁用状态</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/radio/#排列方向"> 排列方向</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/radio/#自定义单选项"> 自定义单选项</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Select 下拉选择框 <span class="component-count mr-xs">10</span><span class="mr-xs">⭐</span><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/select/#基础单选功能">Basic Select 基础单选功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/select/#尺寸">Size 尺寸</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/select/#多选">Multiple 多选</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/select/#禁用">Disabled 禁用</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/select/#可清空">Allow Clear 可清空</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/select/#自定义下拉选项">Option 自定义下拉选项</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/select/#选项分组">Option Group 选项分组</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/select/#选项过滤">Filter 选项过滤</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/select/#新增选项">Allow Create 新增选项</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/select/#远程加载">Loading 远程加载</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Slider 滑块 <span class="component-count mr-xs">2</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/slider/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/slider/#禁用状态"> 禁用状态</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Switch 开关 <span class="component-count mr-xs">4</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/switch/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/switch/#双向绑定"> 双向绑定</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/switch/#回调事件"> 回调事件</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/switch/#自定义样式"> 自定义样式</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Tag Input 标签输入框 <span class="component-count mr-xs">4</span><!----><span class="version-tag-2 mr-xs">v2.0</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="16"><title>Deprecated</title><path fill="#d30038" d="M38.75 78.13V36.88A1.85 1.85 0 0036.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0033.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0051.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0048.13 80h3.75a1.85 1.85 0 001.87-1.87zm15 0V36.88A1.85 1.85 0 0066.88 35h-3.75a1.85 1.85 0 00-1.88 1.88v41.25A1.85 1.85 0 0063.13 80h3.75a1.85 1.85 0 001.87-1.87zM36.88 20h26.25l-2.82-6.85a2.35 2.35 0 00-1-.65H40.74a2 2 0 00-1 .65zm54.37 1.88v3.75a1.85 1.85 0 01-1.87 1.87h-5.63v55.55c0 6.44-4.22 12-9.37 12H25.63c-5.16 0-9.38-5.27-9.38-11.72V27.5h-5.62a1.85 1.85 0 01-1.88-1.83v-3.8A1.85 1.85 0 0110.63 20h18.1l4.1-9.78A9.12 9.12 0 0140.63 5h18.75a9.1 9.1 0 017.79 5.22l4.1 9.78h18.11a1.85 1.85 0 011.87 1.87z"></path></svg></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tag-input/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tag-input/#双向绑定"> 双向绑定</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tag-input/#异步数据源"> 异步数据源</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/tag-input/#虚拟滚动"> 虚拟滚动</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Textarea 多行文本框 <span class="component-count mr-xs">3</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/textarea/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/textarea/#调整大小"> 调整大小</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/textarea/#字符数限制"> 字符数限制</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Time Picker 时间选择器 <span class="component-count mr-xs">3</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/time-picker/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/time-picker/#格式化"> 格式化</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/time-picker/#自定义模板"> 自定义模板</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Time Select 时间下拉选择器 <span class="component-count mr-xs">4</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/time-select/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/time-select/#尺寸"> 尺寸</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/time-select/#时间段"> 时间段</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/time-select/#事件"> 事件</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Transfer 穿梭框 <span class="component-count mr-xs">5</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/transfer/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/transfer/#可搜索"> 可搜索</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/transfer/#可排序"> 可排序</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/transfer/#自定义穿梭框"> 自定义穿梭框</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/transfer/#虚拟滚动"> 虚拟滚动</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Tree Select 树形选择框 <span class="component-count mr-xs">10</span><span class="mr-xs">⭐</span><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree-select/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree-select/#标签化配置"> 标签化配置</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree-select/#仅叶节点可选"> 仅叶节点可选</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/tree-select/#初始化完成时调用的钩子"> 初始化完成时调用的钩子</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree-select/#可搜索"> 可搜索</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/tree-select/#自定义列表选项"> 自定义列表选项</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/tree-select/#自定义key"> 自定义key</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/tree-select/#自定义区域"> 自定义区域</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/tree-select/#展开/收起icon"> 展开/收起icon</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/tree-select/#虚拟滚动"> 虚拟滚动</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Upload 上传 <span class="component-count mr-xs">6</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/upload/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/upload/#多文件上传"> 多文件上传</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/upload/#自动上传"> 自动上传</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/upload/#自定义"> 自定义</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/upload/#动态上传参数"> 动态上传参数</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/upload/#任意区域上传"> 任意区域上传</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><!--]--></div><div><h2 class="flex-center">Data Display 数据展示 <span class="component-count">20</span></h2><!--[--><div><h3 class="flex-center">Avatar 头像 <span class="component-count mr-xs">3</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/avatar/#头像显示规则"> 头像显示规则</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/avatar/#基础配置"> 基础配置</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/avatar/#特殊显示"> 特殊显示</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Badge 徽标 <span class="component-count mr-xs">6</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/badge/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/badge/#点状徽章"> 点状徽章</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/badge/#计数徽章"> 计数徽章</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/badge/#状态徽章"> 状态徽章</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/badge/#徽章位置"> 徽章位置</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/badge/#自定义"> 自定义</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Card 卡片 <span class="component-count mr-xs">3</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/card/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/card/#使用图片"> 使用图片</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/card/#自定义区域"> 自定义区域</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Carousel 轮播 <span class="component-count mr-xs">4</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/carousel/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/carousel/#指示器和切换箭头"> 指示器和切换箭头</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/carousel/#自动轮播"> 自动轮播</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/carousel/#自定义操作"> 自定义操作</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Collapse 折叠面板 <span class="component-count mr-xs">1</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/collapse/#基本功能"> 基本功能</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Comment 评论 <span class="component-count mr-xs">2</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/comment/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/comment/#自定义"> 自定义</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Countdown 倒计时 <span class="component-count mr-xs">5</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/countdown/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/countdown/#时间格式"> 时间格式</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/countdown/#自定义前缀后缀"> 自定义前缀后缀</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/countdown/#自定义样式"> 自定义样式</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/countdown/#自定义内容"> 自定义内容</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Dashboard 仪表盘 <span class="component-count mr-xs">2</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dashboard/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/dashboard/#更多设置"> 更多设置</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Gantt 甘特图 <span class="component-count mr-xs">2</span><span class="mr-xs">⭐</span><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/gantt/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/gantt/#与表格结合"> 与表格结合</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Image Preview 图片预览 <span class="component-count mr-xs">3</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/image-preview/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/image-preview/#自定义开启预览窗口"> 自定义开启预览窗口</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/image-preview/#设置层级"> 设置层级</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">List 列表 <span class="component-count mr-xs">2</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/list/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/list/#自定义"> 自定义</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Progress 进度条 <span class="component-count mr-xs">2</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/progress/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/progress/#圆环形态"> 圆环形态</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Quadrant Diagram 象限图 <span class="component-count mr-xs">2</span><!----><span class="version-tag-2 mr-xs">v2.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/quadrant-diagram/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/quadrant-diagram/#自定义"> 自定义</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Rate 评分 <span class="component-count mr-xs">6</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/rate/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/rate/#只读模式"> 只读模式</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/rate/#动态模式"> 动态模式</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/rate/#自定义"> 自定义</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/rate/#半选模式"> 半选模式</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/rate/#类型"> 类型</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Skeleton 骨架屏 <span class="component-count mr-xs">3</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/skeleton/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/skeleton/#组合"> 组合</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/skeleton/#细粒度模式"> 细粒度模式</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Statistic 统计数值 <span class="component-count mr-xs">3</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/statistic/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/statistic/#数值动画"> 数值动画</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/statistic/#自定义"> 自定义</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Table 表格 <span class="component-count mr-xs">21</span><span class="mr-xs">⭐</span><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#基础表格">Basic Table 基础表格</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#表格样式">Table Style 表格样式</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#行勾选">Row Check 行勾选</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#索引列">Index Column 索引列</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#自定义列">Custom Column 自定义列</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#单元格编辑">Cell Edit 单元格编辑</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#自定义表头">Custom Header 自定义表头</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#空数据模板">Empty 空数据模板</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#固定表头">Fix Header 固定表头</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#固定列">Fix Column 固定列</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#单元格合并">Cell Merge 单元格合并</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#表头分组">Header Group 表头分组</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#排序">Sort 排序</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#过滤">Filter 过滤</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#展开行">Expand Row 展开行</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#树形表格">Tree 树形表格</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/table/#懒加载">Lazy 懒加载</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/table/#虚拟滚动">Virtual 虚拟滚动</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/table/#列拖拽">Column Dragdrop 列拖拽</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/table/#行拖拽">Row Dragdrop 行拖拽</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->⌛ <a href="/components/table/#批量行拖拽">Batch Row Dragdrop 批量行拖拽</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Tag 标签 <span class="component-count mr-xs">2</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tag/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tag/#标签组"> 标签组</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Timeline 时间轴 <span class="component-count mr-xs">7</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/timeline/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/timeline/#设置方向"> 设置方向</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/timeline/#自定义内容模板"> 自定义内容模板</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/timeline/#使用html"> 使用html</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/timeline/#自定义内容方向"> 自定义内容方向</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/timeline/#设置时间位置"> 设置时间位置</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/timeline/#时间节点单独使用"> 时间节点单独使用</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Tree 树 <span class="component-count mr-xs">11</span><span class="mr-xs">⭐</span><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree/#可勾选"> 可勾选</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree/#默认状态"> 默认状态</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree/#禁用状态"> 禁用状态</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree/#自定义图标"> 自定义图标</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree/#懒加载"> 懒加载</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree/#增删改查操作"> 增删改查操作</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree/#搜索过滤"> 搜索过滤</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree/#拖拽排序"> 拖拽排序</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree/#treeFactory"> treeFactory</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/tree/#虚拟滚动"> 虚拟滚动</a><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--></div><div><h2 class="flex-center">Layout 布局 <span class="component-count">3</span></h2><!--[--><div><h3 class="flex-center">Grid 栅格 <span class="component-count mr-xs">7</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/grid/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/grid/#对齐"> 对齐</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/grid/#子元素间距"> 子元素间距</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/grid/#flex填充"> flex填充</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/grid/#左右偏移"> 左右偏移</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/grid/#响应式布局"> 响应式布局</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/grid/#栅格排序"> 栅格排序</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Layout 布局 <span class="component-count mr-xs">2</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/layout/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/layout/#更多用法"> 更多用法</a><!--]--></div><!--]--><!--]--></div><!--]--></div><div><h3 class="flex-center">Splitter 分割器 <span class="component-count mr-xs">5</span><!----><span class="version-tag-1 mr-xs">v1.0</span><!----></h3><!--[--><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:20px;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/splitter/#基本功能"> 基本功能</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/splitter/#垂直布局"> 垂直布局</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/splitter/#组合布局"> 组合布局</a><!--]--></div><!--]--><!--]--></div><div class="devui-row devui-row__align--top devui-row__justify--start" style="margin-top:0;"><!--[--><!--[--><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/splitter/#制定折叠收起方向"> 制定折叠收起方向</a><!--]--></div><div class="devui-col devui-col__span--8" style="padding-left:0px;padding-right:0px;padding-top:4px;padding-bottom:4px;"><!--[-->✅ <a href="/components/splitter/#折叠收起菜单"> 折叠收起菜单</a><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--></div><!--]--></div></div><!----><footer class="page-footer" data-v-35e0cb6b data-v-63a8fcc6><div class="edit" data-v-63a8fcc6><div class="edit-link" data-v-63a8fcc6 data-v-084d37fe><!----></div></div><div class="updated" data-v-63a8fcc6><!----></div></footer><!----><!--[--><!--]--><!----><!----></div></main></div><!----><!----><!----><!--]--></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"components_accordion_index.md\":\"a92e3443\",\"components_alert_index.md\":\"c7702e03\",\"components_anchor_index.md\":\"f7333cbb\",\"components_auto-complete_index.md\":\"4de98e8d\",\"components_avatar_index.md\":\"69aa04d5\",\"components_back-top_index.md\":\"d1ab787c\",\"components_badge_index.md\":\"e4750848\",\"components_breadcrumb_index.md\":\"c976c02b\",\"components_button_index.md\":\"5ad2976d\",\"components_card_index.md\":\"07ffbefa\",\"components_carousel_index.md\":\"f88f0b13\",\"components_cascader_index.md\":\"ee34cce7\",\"components_checkbox_index.md\":\"3ec7d7a1\",\"components_collapse_index.md\":\"9f2cbd98\",\"components_color-picker_index.md\":\"76658b37\",\"components_comment_index.md\":\"7f6ae658\",\"components_countdown_index.md\":\"556b68b1\",\"components_date-picker-pro_index.md\":\"a354c050\",\"components_date-picker_index.md\":\"00801143\",\"components_dragdrop_index.md\":\"27ca48b1\",\"components_drawer_index.md\":\"f1f95db0\",\"components_dropdown_index.md\":\"2e85d37e\",\"components_editable-select_index.md\":\"dfceeabe\",\"components_form_index.md\":\"aa7415f4\",\"components_fullscreen_index.md\":\"91a2fd77\",\"components_gantt_index.md\":\"c7536435\",\"components_grid_index.md\":\"646531b7\",\"components_icon_index.md\":\"b13a05fb\",\"components_image-preview_index.md\":\"6064aa0f\",\"components_input-icon_index.md\":\"03605b44\",\"components_input-number_index.md\":\"75cb181b\",\"components_input_index.md\":\"399db2a5\",\"components_layout_index.md\":\"bd89a2a7\",\"components_list_index.md\":\"398a7889\",\"components_loading_index.md\":\"86c25c88\",\"components_mention_index.md\":\"4e5fcead\",\"components_menu_index.md\":\"5e7b2a2a\",\"components_message_index.md\":\"288b49b1\",\"components_modal_index.md\":\"6d985802\",\"components_multi-auto-complete_index.md\":\"d7dd7812\",\"components_nav-sprite_index.md\":\"59326b1c\",\"components_notification_index.md\":\"17d66bf4\",\"components_overlay_index.md\":\"b3c2d8b1\",\"components_overview_index.md\":\"4f4893a2\",\"components_pagination_index.md\":\"fa43e1ee\",\"components_panel_index.md\":\"78140495\",\"components_popover_index.md\":\"e061fad6\",\"components_progress_index.md\":\"f99bb298\",\"components_quadrant-diagram_index.md\":\"5b863b4f\",\"components_radio_index.md\":\"1569e619\",\"components_rate_index.md\":\"8ed5b018\",\"components_read-tip_index.md\":\"65f3a3e8\",\"components_result_index.md\":\"5a0e2c71\",\"components_ripple_index.md\":\"e22eb85c\",\"components_search_index.md\":\"a6ca9673\",\"components_select_index.md\":\"14f5b72d\",\"components_skeleton_index.md\":\"87cfbcd2\",\"components_slider_index.md\":\"c3e69a49\",\"components_splitter_index.md\":\"7b49b977\",\"components_statistic_index.md\":\"699289db\",\"components_status_index.md\":\"9b3ee9c1\",\"components_steps-guide_index.md\":\"4d707f63\",\"components_steps_index.md\":\"75686d75\",\"components_sticky_index.md\":\"839717a7\",\"components_switch_index.md\":\"05eb9888\",\"components_table_index.md\":\"1b34dab5\",\"components_tabs_index.md\":\"2612fccc\",\"components_tag-input_index.md\":\"d6c90326\",\"components_tag_index.md\":\"9d46f105\",\"components_textarea_index.md\":\"f6a86e66\",\"components_time-picker_index.md\":\"f8cff83c\",\"components_time-select_index.md\":\"38dfaf50\",\"components_timeline_index.md\":\"9b7ebcb4\",\"components_tooltip_index.md\":\"f9f4b384\",\"components_transfer_index.md\":\"7005ca26\",\"components_tree-select_index.md\":\"d122e78e\",\"components_tree_index.md\":\"2611f2c7\",\"components_upload_index.md\":\"65171bcd\",\"components_virtual-list_index.md\":\"6c90a3dd\",\"contributing_development-specification_api-demo-design_index.md\":\"fc9f2d3e\",\"contributing_development-specification_coding-specification_index.md\":\"af51d196\",\"contributing_development-specification_component-document_index.md\":\"a849b30c\",\"contributing_development-specification_directory-organization_index.md\":\"58197a6f\",\"contributing_development-specification_index.md\":\"1df9cfa5\",\"contributing_index.md\":\"7660b0ff\",\"en-us_components_alert_index.md\":\"96d493c1\",\"en-us_components_auto-complete_api-en.md\":\"004a35e9\",\"en-us_components_avatar_index.md\":\"dbe38f1a\",\"en-us_components_badge_index.md\":\"e48f2672\",\"en-us_components_button_index.md\":\"ec772540\",\"en-us_components_carousel_index.md\":\"3fec7a3f\",\"en-us_components_color-picker_index.md\":\"9fe5a01c\",\"en-us_components_comment_index.md\":\"2a0696ba\",\"en-us_components_editable-select_index.md\":\"73d1175f\",\"en-us_components_form_index.md\":\"65caae2d\",\"en-us_components_input_index.md\":\"136ae80e\",\"en-us_components_menu_index.md\":\"0bb24150\",\"en-us_components_message_index.md\":\"3fa5c7c8\",\"en-us_components_modal_index.md\":\"736ef31f\",\"en-us_components_panel_index.md\":\"4a1db166\",\"en-us_components_popover_index.md\":\"6b07f22f\",\"en-us_components_progress_index.md\":\"b364f914\",\"en-us_components_radio_index.md\":\"bddcefa7\",\"en-us_components_rate_index.md\":\"3940452b\",\"en-us_components_read-tip_index.md\":\"56a74b67\",\"en-us_components_result_index.md\":\"369abc51\",\"en-us_components_ripple_index.md\":\"b6d519cb\",\"en-us_components_search_index.md\":\"8745e3f6\",\"en-us_components_skeleton_index.md\":\"73d6ba05\",\"en-us_components_slider_index.md\":\"d6b0ecd3\",\"en-us_components_splitter_index.md\":\"ae397e5b\",\"en-us_components_statistic_index.md\":\"6f27cda4\",\"en-us_components_status_index.md\":\"e80d4793\",\"en-us_components_tag_index.md\":\"2388e235\",\"en-us_components_tooltip_index.md\":\"6013670f\",\"en-us_index.md\":\"45997edd\",\"en-us_quick-start_index.md\":\"5cb0ca76\",\"index.md\":\"d8afff32\",\"on-demand_index.md\":\"cc889f91\",\"quick-start_index.md\":\"2f52f012\",\"theme-guide_index.md\":\"4b58afef\"}")</script>
    <script type="module" async src="/assets/app.43ba01c1.js"></script>
    
  </body>
</html>